<template>
	<gui-page :customHeader="true">
		<template v-slot:gHeader>
			<!-- #ifdef MP -->
			<view style="height:20px;"></view>
			<!-- #endif -->
		</template>
		<template v-slot:gBody>
			<view class="gui-list gui-padding">
				<navigator url="/pages/user/settings">
					<view class="gui-list-items">
						<view class="gui-list-image ucenter-face gui-relative">
							<image class="gui-list-image ucenter-face-image"
								src="https://images.unsplash.com/photo-1662695094714-966fc339a2e8?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxlZGl0b3JpYWwtZmVlZHwyNnx8fGVufDB8fHx8&auto=format&fit=crop&w=100&q=80"
								mode="aspectFill"></image>
						</view>
						<view class="gui-list-body">
							<view class="gui-list-title">
								<text class="gui-list-title-text gui-primary-color">用户昵称</text>
							</view>
							<text class="gui-list-body-desc gui-color-gray gui-block">描述信息或签名信息</text>
						</view>
					</view>
				</navigator>
			</view>
			<view class="gui-padding-x gui-bg-gray" style="height: 10rpx;">
			</view>
			<view class="gui-list gui-margin-top gui-padding-x">
				<navigator url="/pages/state/state">
					<view class="gui-list-items">
						<text class="gui-list-icon gui-icons gui-color-blue">&#xe60d;</text>
						<view class="gui-list-body gui-border-b">
							<view class="gui-list-title">
								<text class="gui-list-title-text">推广数据统计</text>
								<text class="gui-badge gui-bg-red gui-color-white">12</text>
							</view>
						</view>
						<text class="gui-list-arrow-right gui-icons gui-color-gray">&#xe601;</text>
					</view>
				</navigator>
				<navigator url="/pages/user/xieyi">
					<view class="gui-list-items">
						<text class="gui-list-icon gui-icons gui-color-orange">&#xe624;</text>
						<view class="gui-list-body gui-border-b">
							<view class="gui-list-title">
								<text class="gui-list-title-text">推广规则</text>
							</view>
						</view>
						<text class="gui-list-arrow-right gui-icons gui-color-gray">&#xe601;</text>
					</view>
				</navigator>
				<navigator url="/pages/user/bind">
				<view class="gui-list-items">
					<text class="gui-list-icon gui-icons gui-color-orange">&#xe624;</text>
					<view class="gui-list-body gui-border-b">
						<view class="gui-list-title">
							<text class="gui-list-title-text">绑定账户</text>
							<text class="gui-list-body-desc gui-color-gray">可提现金将自动转账到你的账户</text>
						</view>
					</view>
					<text class="gui-list-arrow-right gui-icons gui-color-gray">&#xe601;</text>
				</view>
				</navigator>
				<navigator url="/pages/user/validator">
				<view class="gui-list-items">
					<text class="gui-list-icon gui-icons gui-color-red">&#xe687;</text>
					<view class="gui-list-body">
						<view class="gui-list-title">
							<text class="gui-list-title-text">实名认证</text>
							<text class="gui-list-body-desc gui-color-gray">您的账号还没实名验证，会影响你体现</text>
						</view>
					</view>
					<text class="gui-list-arrow-right gui-icons gui-color-gray">&#xe601;</text>
				</view>
				</navigator>
			</view>
			<view class="ucenter-line gui-bg-white gui-dark-bg-level-3"></view>
			<view style="padding:0 20px">
				<view hover-class="gui-tap" class="cc-fixed-button gui-text-center gui-border-radius gui-bg-gray" style="bottom: 80px;right: 20px;left:20px">
					<navigator url="/pages/login/login" class="gui-padding-x">
						<text class="gui-text-center gui-block-text gui-icons logoff gui-color-red">&#xe62e; 退出登录</text>
					</navigator>
				</view>
			</view>
		</template>
	</gui-page>
</template>
<script>
	export default {
		data() {
			return {
				items: [
					[80, '', '我的订单'],
					[100, '', '优惠券'],
					[50, '', '关注店铺'],
					[99, '', '收藏']
				]
			}
		},
		methods: {

		}
	}
</script>
<style scoped lang="scss">
	.ucenter-face {
		width: 100rpx;
		height: 100rpx;
	}

	.ucenter-face-image {
		width: 100rpx;
		height: 100rpx;
	}

	.ucenter-line {
		height: 20rpx;
		margin: 16rpx 0;
	}

	.logoff {
		line-height: 88rpx;
		font-size: 28rpx;
	}

	.gui-list-title-text {
		line-height: 60rpx;
	}
	
	.cc-fixed-button{
		position: fixed;
		bottom: 50px;
	}
</style>